<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Index</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/index.css">
  <link rel="stylesheet" href="style/common.css">
</head>

<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <a href="" name="top"></a>
    <!-- 头部 -->
    <div class="header">
      <div class="head">
        <!-- logo -->
        <div class="logo">
          <a href="index.html"><img src="images/logo.png" alt=""></a>
          <img src="images/logo2.png" alt="">
        </div>
        <!-- 导航栏 -->
        <div class="nav">
          <ul>
            <li>
              <a class="dropbtn" href="index.html">优粤门户</a>
              <!-- 下拉菜单 -->
              <div class="dropdown-content">
                <div class="txtimg">
                  <a href="video.html">优视频</a>
                  <img src="images/home_icon01.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="activity.html">粤文化</a>
                  <img src="images/home_icon02.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="cg.html">有机会</a>
                  <img src="images/home_icon03.png" alt="">
                </div>
              </div>
            </li>
            <li>
              <a class="dropbtn" href="index.html">有啊社区</a>
              <!-- 下拉菜单 -->
              <div class="dropdown-content">
                <div class="txtimg">
                  <a href="news.html">优新闻</a>
                  <img src="images/home_icon02.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="detail.html">优社区</a>
                  <img src="images/home_icon01.png" alt="">
                </div>
                <div class="txtimg">
                  <a href="filmcritics.html">影评人</a>
                  <img src="images/home_icon03.png" alt="">
                </div>
              </div>
            </li>
            <li>
              <a class="dropbtn" href="login.html">登录</a>
            </li>
            <li>
              <a class="dropbtn" href="register.html">注册</a>
            </li>
          </ul>
          <!-- 搜索按钮 -->
          <div class="search">
            <input type="image" name="img_btn" src="images/home_search01.png" />
            <!-- 搜索按钮下拉菜单 -->
            <div class="searchout">
              <div class="search-dropdown">
                <div class="inputbtn">
                  <input type="search" name="search">
                  <input type="button" name="btn" value="GO" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="bannerout">
      <div class="banner">
        <ul class="ul">
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
          <li>
            <img src="images/home_banner00.jpg" alt="">
          </li>
        </ul>
        <ul class="bar">
          <li class="cur">
            <img src="images/home_banner01.png" alt="">
          </li>
          <li>
            <img src="images/home_banner02.png" alt="">
          </li>
          <li>
            <img src="images/home_banner03.png" alt="">
          </li>
          <li>
            <img src="images/home_banner04.png" alt="">
          </li>
          <li>
            <img src="images/home_banner05.png" alt="">
          </li>
          <li>
            <img src="images/home_banner06.png" alt="">
          </li>
          <li>
            <img src="images/home_banner07.png" alt="">
          </li>
          <li>
            <img src="images/home_banner08.png" alt="">
          </li>
        </ul>
        <a href="javascipt:;" class="left">&lt;</a>
        <a href="javascipt:;" class="right">&gt;</a>
      </div>
    </div>
    <!-- 内容导航条 -->
    <div class="contentnav">
      <ul>
        <li><a href="news.html">校园电视台联盟</a></li><span>|</span>
        <li><a href="filmcritics.html">我是艺人</a></li><span>|</span>
        <li><a href="detail.html">故事剧本</a></li><span>|</span>
        <li><a href="video.html">制作技术</a></li><span>|</span>
        <li><a href="detail.html">制作互动</a></li><span>|</span>
        <li><a href="cg.html">素材推荐</a></li><span>|</span>
        <li><a href="news.html">行业相关</a></li><span>|</span>
        <li><a href="detail.html">幕后心得</a></li><span>|</span>
        <li><a href="activity.html">粤文化</a></li><span>|</span>
        <li><a href="filmcritics.html">站务</a></li><span>|</span>
        <li><a href="video.html">优视频</a></li><span>|</span>
        <li><a href="detail.html">Ur有话说</a></li>
      </ul>
    </div>
    <!-- 内容主体 -->
    <div class="content_out">
      <div class="content">
        <!-- 优视频 -->
        <div class="video">
          <div class="title">
            <div class="tit">
              <div class="u">U</div>
              <div class="txt">
                <h2>R优视频</h2>
                <p>UR VIDEO</p>
              </div>
            </div>
          </div>
          <a href="video.html"><img src="images/home_content01.png" alt=""></a>
          <a href="video.html"><img src="images/home_content02.png" alt=""></a>
          <a href="video.html"><img src="images/home_content03.png" alt=""></a>
          <a class="double" href="news.html">
            <img src="images/home_content04.png" alt="">
            <div class="more">
              <img src="images/home_icon04.png" alt="">
              <p>校园电视台</p>
            </div>
          </a>
          <a href="video.html"><img src="images/home_content05.png" alt=""></a>
          <a href="video.html"><img src="images/home_content06.png" alt=""></a>
          <a class="double" href="news.html">
            <img src="images/home_content07.png" alt="">
            <div class="more">
              <img src="images/home_icon04.png" alt="">
              <p>校园电视台</p>
            </div>
          </a>
          <div class="tiao">
            <div class="per"></div>
          </div>
        </div>
        <!-- 优粤沙龙 -->
        <div class="salon">
          <div class="title">
            <div class="tit">
              <div class="u">优</div>
              <div class="txt">
                <h2>粤沙龙</h2>
                <p>UR SALON</p>
              </div>
            </div>
          </div>
          <a href="cg.html"><img src="images/home_content08.png" alt=""></a>
          <div class="text">
            <div class="tex">
              <div class="up">
                <h4>沿途风景，全都是你</h4>
                <p>大四这年所谓毕业季，原本作为一个 保研的同学，我应该过的十分悠闲， 但往往事与愿违，反倒是在学......</p>
              </div>
              <div class="down">
                <img src="images/home_icon05.png" alt="">
                <a href="detail.html">了解详情</a>
              </div>
            </div>
          </div>
        </div>
        <!-- 下半部分 -->
        <div class="downhalf">
          <div class="left">
            <!-- UR有话说 -->
            <div class="topleft">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R有话说</h2>
                    <p>UR TALKING</p>
                  </div>
                </div>
              </div>
              <div class="image">
                <div class="img">
                  <img src="images/home_content09.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>中国合伙人<span>130人评论过</span></h4>
                        <p>如果说第一部是阳光的，那么第二部是黑暗的， 不仅仅是因为姐妹间坚固的友谊出现了裂痕， 也因为...<a href="detail.html">[详细]</a></p>
                        <div class="icon">
                          <img src="images/home_icon15.png" alt="">
                          <p>xiaolingzhu</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="img">
                  <img src="images/home_content10.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>中国合伙人<span>130人评论过</span></h4>
                        <p>如果说第一部是阳光的，那么第二部是黑暗的， 不仅仅是因为姐妹间坚固的友谊出现了裂痕， 也因为...<a href="detail.html">[详细]</a></p>
                        <div class="icon">
                          <img src="images/home_icon15.png" alt="">
                          <p>xiaolingzhu</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="img">
                  <img src="images/home_content11.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>中国合伙人<span>130人评论过</span></h4>
                        <p>如果说第一部是阳光的，那么第二部是黑暗的， 不仅仅是因为姐妹间坚固的友谊出现了裂痕， 也因为...<a href="detail.html">[详细]</a></p>
                        <div class="icon">
                          <img src="images/home_icon15.png" alt="">
                          <p>xiaolingzhu</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="img">
                  <img src="images/home_content12.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>中国合伙人<span>130人评论过</span></h4>
                        <p>如果说第一部是阳光的，那么第二部是黑暗的， 不仅仅是因为姐妹间坚固的友谊出现了裂痕， 也因为...<a href="detail.html">[详细]</a></p>
                        <div class="icon">
                          <img src="images/home_icon15.png" alt="">
                          <p>xiaolingzhu</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- UR活动 -->
            <div class="topmid">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R活动</h2>
                    <p>UR ACTIVITY</p>
                  </div>
                </div>
              </div>
              <div class="image">
                <div class="img">
                  <img src="images/home_content13.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>第七届FIRST青年电影展</h4>
                        <p>FIRST青年电影展由青海省西宁 市人民政府、中国电影评论学会 联合举办，旨在将全球颇具探 索视角、独立自由...<a href="activity.html">[详细]</a></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="img">
                  <img src="images/home_content14.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>第七届FIRST青年电影展</h4>
                        <p>FIRST青年电影展由青海省西宁 市人民政府、中国电影评论学会 联合举办，旨在将全球颇具探 索视角、独立自由...<a href="activity.html">[详细]</a></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="img">
                  <img src="images/home_content15.png" alt="">
                  <div class="mouseon">
                    <div class="mou">
                      <img src="images/home_icon05.png" alt="">
                      <div class="text">
                        <h4>第七届FIRST青年电影展</h4>
                        <p>FIRST青年电影展由青海省西宁 市人民政府、中国电影评论学会 联合举办，旨在将全球颇具探 索视角、独立自由...<a href="activity.html">[详细]</a></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- UR粤文化 -->
            <div class="butleft">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R粤文化</h2>
                    <p>UR GD CULTURE</p>
                  </div>
                </div>
              </div>
              <div class="rightimg">
                <a class="double" href="news.html">
                  <img src="images/home_content16.png" alt="">
                  <div class="more">
                    <img src="images/home_icon05.png" alt="">
                    <p>校园电视台</p>
                  </div>
                </a>
                <a href="activity.html"><img src="images/home_content17.png" alt=""></a>
                <a href="activity.html"><img src="images/home_content18.png" alt=""></a>
                <a href="activity.html"><img src="images/home_content19.png" alt=""></a>
                <a href="activity.html"><img src="images/home_content20.png" alt=""></a>
              </div>
            </div>
          </div>
          <div class="right">
            <!-- UR计划 -->
            <div class="topright">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R计划</h2>
                    <p>UR PLAN</p>
                  </div>
                </div>
              </div>
              <ul class="ulplan">
                <li>
                  <img src="images/home_icon06.png" alt="">
                  <a href="news.html">电视台联盟<br><span>School TV Alliance</span></a>
                </li>
                <li>
                  <img src="images/home_icon07.png" alt="">
                  <a href="detail.html">编剧辅助计划<br><span>Screenwriter Plan</span></a>
                </li>
                <li>
                  <img src="images/home_icon08.png" alt="">
                  <a href="video.html">导演计划<br><span>Director Plan</span></a>
                </li>
                <li>
                  <img src="images/home_icon09.png" alt="">
                  <a href="filmcritics.html">演员计划<br><span>Actor Plan</span></a>
                </li>
                <li>
                  <img src="images/home_icon10.png" alt="">
                  <a href="activity.html">片场实践计划<br><span>Studio Practice Plan</span></a>
                </li>
              </ul>
            </div>
            <!-- UR影视人 -->
            <div class="rightmid">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R影视人</h2>
                    <p>UR TV HUMAN</p>
                  </div>
                </div>
              </div>
              <ul class="ulhuman">
                <li>
                  <img src="images/home_headimg01.png" alt="">
                  <div class="userid">
                    <a class="name" href="filmcritics.html">CLay Li （用户ID）</a>
                    <p>忠于党和国家人民</p>
                    <a class="img" href=""><img src="images/home_icon11.png" alt=""></a>
                  </div>
                </li>
                <li>
                  <img src="images/home_headimg02.png" alt="">
                  <div class="userid">
                    <a class="name" href="filmcritics.html">CLay Li （用户ID）</a>
                    <p>忠于党和国家人民</p>
                    <a class="img" href=""><img src="images/home_icon11.png" alt=""></a>
                  </div>
                </li>
                <li>
                  <img src="images/home_headimg03.png" alt="">
                  <div class="userid">
                    <a class="name" href="filmcritics.html">CLay Li （用户ID）</a>
                    <p>忠于党和国家人民</p>
                    <a class="img" href=""><img src="images/home_icon11.png" alt=""></a>
                  </div>
                </li>
              </ul>
            </div>
            <!-- UR广告 -->
            <div class="butright">
              <div class="title">
                <div class="tit">
                  <div class="u">U</div>
                  <div class="txt">
                    <h2>R广告</h2>
                    <p>ADVERTESMENT</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 有啊精华区 -->
    <div class="youa_out">
      <div class="youa">
        <div class="titleout">
          <div class="tiao"></div>
          <p class="title">有啊精华区</p>
          <div class="tiao"></div>
        </div>
        <div class="con">
          <ul class="ul1">
            <li>
              <a href="detail.html"><img src="images/home_bottom01.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom01.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom02.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom02.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom01.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom01.png" alt=""></a>
              <div class="right">
                <p>标题校园看书很入迷</p>
                <div class="star">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon12.png" alt="">
                  <img src="images/home_icon13.png" alt="">
                </div>
                <div class="school">
                  <div class="square"></div>
                  <span>校园</span>
                </div>
              </div>
            </li>
          </ul>
          <!-- 右侧 -->
          <ul class="ul2">
            <li>
              <a href="detail.html"><img src="images/home_bottom03.png" alt=""></a>
              <div class="right">
                <h3>环太平洋<span>468人评论过</span></h3>
                <p><span>#环太平洋##环太平洋#</span>对建筑物倒塌、核弹攻击城市、外星人入侵...<a href="">[详细]</a></p>
                <div class="vary">
                  <img src="images/home_icon14.png" alt="">
                  <p>欧美电影</p>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom04.png" alt=""></a>
              <div class="right">
                <h3>速度与激情6<span>783人评论过</span></h3>
                <p> 杰森-斯坦森【<span>#速J#</span>】斯坦森饰演第六部大反派欧文-肖...<a href="">[详细]</a></p>
                <div class="vary">
                  <img src="images/home_icon14.png" alt="">
                  <p>热映推荐</p>
                </div>
              </div>
            </li>
            <li>
              <a href="detail.html"><img src="images/home_bottom05.png" alt=""></a>
              <div class="right">
                <h3>青春派<span>468人评论过</span></h3>
                <p>《青春派》预告片“零差评”逆增长<a href="">[详细]</a></p>
                <div class="vary">
                  <img src="images/home_icon14.png" alt="">
                  <p>电影预告</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="txt"> Copyright © 2013 URFILM 版权所有</div>
    </div>
    <!-- 返回顶部 -->
    <div class="returntop">
      <a href="#top"><img src="images/home_returntop.png" alt=""></a>
    </div>
  </div>
  <script src="js/banner.js"></script>
</body>

</html>